/**
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a
 * copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
/*
 * ====================================
 *   uPORTAL PORTAL STYLES
 * ====================================
 *
 * The file portal.css is automatically generated by SASS. Do not edit this file.
 * These declarations are scoped for the portal, and not specifically for portlets.
 * For portlet-specifc CSS, see "portlet.css" in the same directory.
 * CSS specified at the portal scope will naturally cascade into portlets.
 * This CSS includes a CSS reset for browser normalization.
 *
 * ====================================
 *  DO NOT EDIT THIS FILE
 * ====================================
 * This file is automatically generated. Any changes to this file may be overwritten.
 * To update the styles declared in this file, make changes to the appropraite .scss files
*/
.up .button, .up button, .up input[type='submit'], .up input[type='button'] {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #4d6fa3;
  background: #8da5c9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #8da5c9, #4d6fa3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8da5c9), color-stop(1, #4d6fa3));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8da5c9', EndColorStr='#4d6fa3')";
  background-image: linear-gradient(top, #8da5c9, #4d6fa3);
}
.up .button:hover, .up button:hover, .up input[type='submit']:hover, .up input[type='button']:hover {
  border-color: #4d6fa3;
  background: #b0c0d9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #d2dcea, #4d6fa3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d2dcea), color-stop(1, #4d6fa3));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2dcea', EndColorStr='#4d6fa3')";
  background-image: linear-gradient(top, #d2dcea, #4d6fa3);
}
.up .button:active, .up .button.active, .up button:active, .up button.active, .up input[type='submit']:active, .up input[type='submit'].active, .up input[type='button']:active, .up input[type='button'].active {
  border-color: #4d6fa3;
  background: #6a8ab9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #4d6fa3, #8da5c9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d6fa3), color-stop(1, #8da5c9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d6fa3', EndColorStr='#8da5c9')";
  background-image: linear-gradient(top, #4d6fa3, #8da5c9);
}
.up a.button {
  display: inline-block;
}
.up .button[disabled='disabled']:hover, .up .button[disabled='disabled']:focus, .up button[disabled='disabled']:hover, .up button[disabled='disabled']:focus, .up input[disabled='disabled']:hover, .up input[disabled='disabled']:focus {
  background: #dcdcdc !important;
  border-color: #a9a9a9 !important;
  color: #a9a9a9 !important;
  text-shadow: none !important;
  cursor: default !important;
}
.up .up-gallery .close-button a.button {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #4d6fa3;
  background: #8da5c9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #8da5c9, #4d6fa3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8da5c9), color-stop(1, #4d6fa3));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8da5c9', EndColorStr='#4d6fa3')";
  background-image: linear-gradient(top, #8da5c9, #4d6fa3);
}
.up .up-gallery .close-button a.button:hover {
  border-color: #4d6fa3;
  background: #b0c0d9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #d2dcea, #4d6fa3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d2dcea), color-stop(1, #4d6fa3));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2dcea', EndColorStr='#4d6fa3')";
  background-image: linear-gradient(top, #d2dcea, #4d6fa3);
}
.up .up-gallery .close-button a.button:active, .up .up-gallery .close-button a.button.active {
  border-color: #4d6fa3;
  background: #6a8ab9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #4d6fa3, #8da5c9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d6fa3), color-stop(1, #8da5c9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d6fa3', EndColorStr='#8da5c9')";
  background-image: linear-gradient(top, #4d6fa3, #8da5c9);
}
.up #webSearchContainer input[type='submit'] {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #4d6fa3;
  background: #8da5c9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #8da5c9, #4d6fa3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8da5c9), color-stop(1, #4d6fa3));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8da5c9', EndColorStr='#4d6fa3')";
  background-image: linear-gradient(top, #8da5c9, #4d6fa3);
  padding: 0.3em 12px;
  -moz-border-radius: 0 0.6em 0.6em 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 0 0.6em 0.6em 0;
}
.up #webSearchContainer input[type='submit']:hover {
  border-color: #8eb2ed;
  background: white;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, white, #bad0f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #bad0f4));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#bad0f4')";
  background-image: linear-gradient(top, white, #bad0f4);
}
.up #webSearchContainer input[type='submit']:active, .up #webSearchContainer input[type='submit'].active {
  border-color: #8eb2ed;
  background: #bad0f4;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #bad0f4, white);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bad0f4), color-stop(1, white));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#bad0f4', EndColorStr='white')";
  background-image: linear-gradient(top, #bad0f4, white);
}
.up #portalLogin #portalCASLogin a.button {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #bad0f4;
  background: #e6eefb;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, white, #bad0f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #bad0f4));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#bad0f4')";
  background-image: linear-gradient(top, white, #bad0f4);
}
.up #portalLogin #portalCASLogin a.button:hover {
  border-color: #bad0f4;
  background: white;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, white, #bad0f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #bad0f4));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#bad0f4')";
  background-image: linear-gradient(top, white, #bad0f4);
}
.up #portalLogin #portalCASLogin a.button:active, .up #portalLogin #portalCASLogin a.button.active {
  border-color: #bad0f4;
  background: white;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, white, #4962d6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #4962d6));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#4962d6')";
  background-image: linear-gradient(top, white, #4962d6);
}
.up #portalFragAdminExit input.button {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #4962d6;
  background: #9caae9;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #9caae9, #4962d6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9caae9), color-stop(1, #4962d6));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9caae9', EndColorStr='#4962d6')";
  background-image: linear-gradient(top, #9caae9, #4962d6);
}
.up #portalFragAdminExit input.button:hover {
  border-color: #4962d6;
  background: #c6cef2;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #c6cef2, #4962d6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c6cef2), color-stop(1, #4962d6));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6cef2', EndColorStr='#4962d6')";
  background-image: linear-gradient(top, #c6cef2, #4962d6);
}
.up #portalFragAdminExit input.button:active, .up #portalFragAdminExit input.button.active {
  border-color: #4962d6;
  background: #7286e0;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #7286e0, #c6cef2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7286e0), color-stop(1, #c6cef2));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7286e0', EndColorStr='#c6cef2')";
  background-image: linear-gradient(top, #7286e0, #c6cef2);
}
.up #portalEditPagePermissions a.button {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #c3c3c3;
  background: #f5f5f5;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, white, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f5f5f5));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#f5f5f5')";
  background-image: linear-gradient(top, white, #f5f5f5);
}
.up #portalEditPagePermissions a.button:hover {
  border-color: #8f8f8f;
  background: #a9a9a9;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, #f5f5f5, #dcdcdc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #dcdcdc));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#dcdcdc')";
  background-image: linear-gradient(top, #f5f5f5, #dcdcdc);
}
.up #portalEditPagePermissions a.button:active, .up #portalEditPagePermissions a.button.active {
  border-color: #8f8f8f;
  background: #8f8f8f;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, #dcdcdc, #c6cef2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dcdcdc), color-stop(1, #c6cef2));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dcdcdc', EndColorStr='#c6cef2')";
  background-image: linear-gradient(top, #dcdcdc, #c6cef2);
}
.up .column-permissions a.button {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #c3c3c3;
  background: #f5f5f5;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, white, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f5f5f5));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#f5f5f5')";
  background-image: linear-gradient(top, white, #f5f5f5);
}
.up .column-permissions a.button:hover {
  border-color: #8f8f8f;
  background: #a9a9a9;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, #f5f5f5, #dcdcdc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #dcdcdc));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#dcdcdc')";
  background-image: linear-gradient(top, #f5f5f5, #dcdcdc);
}
.up .column-permissions a.button:active, .up .column-permissions a.button.active {
  border-color: #8f8f8f;
  background: #8f8f8f;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, #dcdcdc, #c6cef2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dcdcdc), color-stop(1, #c6cef2));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dcdcdc', EndColorStr='#c6cef2')";
  background-image: linear-gradient(top, #dcdcdc, #c6cef2);
}
.up .portlet .titlebar .toolbar .button {
  display: inline;
  margin: 0;
  padding: 0.3em 15px 0.4em 15px;
  border-width: 1px;
  border-style: solid;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  -moz-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 1px, 3px, rgba(0, 0, 0, 0.5);
  border-color: #c3c3c3;
  background: #f5f5f5;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, white, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f5f5f5));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#f5f5f5')";
  background-image: linear-gradient(top, white, #f5f5f5);
  display: block;
}
.up .portlet .titlebar .toolbar .button:hover {
  border-color: #8f8f8f;
  background: #a9a9a9;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, #f5f5f5, #dcdcdc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #dcdcdc));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#dcdcdc')";
  background-image: linear-gradient(top, #f5f5f5, #dcdcdc);
}
.up .portlet .titlebar .toolbar .button:active, .up .portlet .titlebar .toolbar .button.active {
  border-color: #8f8f8f;
  background: #8f8f8f;
  color: #5c5c5c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -moz-linear-gradient(top, #dcdcdc, #c6cef2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dcdcdc), color-stop(1, #c6cef2));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dcdcdc', EndColorStr='#c6cef2')";
  background-image: linear-gradient(top, #dcdcdc, #c6cef2);
}

/* Form styles.
 * Gives form elements a consistent look across the portal.
 * Pass in the desired type of form based on the context.
 */
/* Use variables to store selectors. */
/* Apply baseline form element styling. */
.up form input[type='text'], .up form input[type='email'], .up form input[type='tel'], .up form input[type='url'], .up form input[type='search'], .up form input[type='password'], .up form select, .up form textarea {
  font-family: serif;
  border: 1px solid #a9a9a9;
  font-size: 14px;
}
.up form input[type='text'], .up form input[type='email'], .up form input[type='tel'], .up form input[type='url'], .up form input[type='search'], .up form input[type='password'], .up form textarea {
  padding: 0.2em 0.4em;
  line-height: 1.4;
  background: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.up form select {
  padding: 0.1em;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
}
.up form select:focus, .up form input[type='text']:focus, .up form input[type='email']:focus, .up form input[type='tel']:focus, .up form input[type='url']:focus, .up form input[type='search']:focus, .up form input[type='password']:focus, .up form select:focus, .up form textarea:focus {
  -moz-box-shadow: 0 0 10px #b0c0d9;
  -webkit-box-shadow: 0 0 10px #b0c0d9;
  box-shadow: 0 0 10px #b0c0d9;
  outline: none;
}

/* 
------------------------------------
  Fluid Skinning System overrides.
------------------------------------
 * The Fluid Skinning System is a group of CSS files with a specially designed modular structure and class-specific format.
 * It is meant to work well as both a standalone CSS foundation for your site and Fluid Infusion components.
 * In FSS, "themes" refer to the color schemes and "window dressings" for basic markup and FSS Helpers, such as Tabs, Widgets, Menus, etc.
 * For more information on FSS themes, refer to:
 * http://wiki.fluidproject.org/x/egNS
 * uPortal skins generally use a FSS theme as the base CSS styling for the portal. 
 * If a FSS theme is used with this skin, it is specified in skin.xml and applied first (from the resource server).
 * These are any overrides to the FSS theme.
 */
.fl-theme-mist a, .fl-theme-coal a, .fl-theme-hc a, .fl-theme-rust a, .fl-theme-slate a {
  font-weight: normal;
}
.fl-theme-mist .fl-widget, .fl-theme-coal .fl-widget, .fl-theme-hc .fl-widget, .fl-theme-rust .fl-widget, .fl-theme-slate .fl-widget {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.fl-theme-mist .fl-widget .fl-widget-titlebar, .fl-theme-mist .fl-widget .fl-widget-content, .fl-theme-mist .fl-widget .fl-listmenu, .fl-theme-coal .fl-widget .fl-widget-titlebar, .fl-theme-coal .fl-widget .fl-widget-content, .fl-theme-coal .fl-widget .fl-listmenu, .fl-theme-hc .fl-widget .fl-widget-titlebar, .fl-theme-hc .fl-widget .fl-widget-content, .fl-theme-hc .fl-widget .fl-listmenu, .fl-theme-rust .fl-widget .fl-widget-titlebar, .fl-theme-rust .fl-widget .fl-widget-content, .fl-theme-rust .fl-widget .fl-listmenu, .fl-theme-slate .fl-widget .fl-widget-titlebar, .fl-theme-slate .fl-widget .fl-widget-content, .fl-theme-slate .fl-widget .fl-listmenu {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.fl-theme-mist .fl-tabs, .fl-theme-coal .fl-tabs, .fl-theme-hc .fl-tabs, .fl-theme-rust .fl-tabs, .fl-theme-slate .fl-tabs {
  *padding: 0;
}
.fl-theme-mist .fl-tabs li, .fl-theme-coal .fl-tabs li, .fl-theme-hc .fl-tabs li, .fl-theme-rust .fl-tabs li, .fl-theme-slate .fl-tabs li {
  *display: inline;
  *padding: 5px 20px 5px 20px;
}

/* 
------------------------------------
  jQuery UI overrides.
------------------------------------ 
 * uPortal uses jQuery UI (http://jqueryui.com/) for animation, effects, and widgets.
 * jQuery UI themes are expected by uPortal to format jQuery UI elements used by the portal.
 * The specific jQuery UI theme used in this skin is specified in skin.xml
 * A default theme (smoothness) is available from the resource server.
 * Alternate themes can be used by changing the reference in skin.xml
 * These are any overrides to the jQuery UI theme.
*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {
  font-size: 1em;
  font-family: arial,helvetica,clean,sans-serif;
}

.ui-tabs .ui-tabs-nav li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#tooltip {
  /* Unsure if this is still needed.
  background-color: #fffbbf;
  color: #344461;
  border: thin solid #b1c6f2;
  */
}

/*====================================*/
/* General */
/*====================================*/
/* 
 * Formatting for global elements and basic setup.
 */
.up {
  /* Global, general styling. */
  font-size: 14px;
  font-family: serif;
  background: #586f8f;
  color: #444444;
}
.up h1, .up h2, .up h3, .up h4, .up h5, .up h6 {
  /* Global heading styling. */
  font-family: serif;
}
.up #portalPage {
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
}
.up #portalPageInner {
  background: #f5f7fa;
  border-left: 1px solid #8f8f8f;
  border-right: 1px solid #8f8f8f;
}
.up #portalPageBodyInner {
  /* Page body. */
  padding: 2.5em 25px;
  background: #f5f7fa;
}

/*====================================*/
/* Header */
/*====================================*/
/*
 * Styles for formatting the portal header and widgets that are contained in it.
 */
.up #portalPageHeader {
  /* Portal header (all views). */
  position: relative;
  background: #8da5c9;
  background-image: -moz-linear-gradient(top, #b0c0d9, #6a8ab9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b0c0d9), color-stop(1, #6a8ab9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b0c0d9', EndColorStr='#6a8ab9')";
  background-image: linear-gradient(top, #b0c0d9, #6a8ab9);
}
.up #portalPageHeader #portalWelcome {
  top: 3em;
  left: 195px;
  color: #f5f7fa;
}
.up #portalPageHeader #portalWelcome a, .up #portalPageHeader #portalWelcome .user-name {
  color: white;
}
.up #portalPageHeader .fl-widget {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.up #portalPageHeader .fl-widget .fl-widget-titlebar {
  display: none;
}
.up #portalPageHeader .fl-widget .fl-widget-content {
  margin: 0;
  padding: 0;
  background: transparent;
}
.up #portalPageHeader #portalPageBar {
  /* A utility bar at the top of the portal page. */
  padding: 0.5em 25px;
  font-size: 100%;
  text-align: right;
  text-transform: capitalize;
  color: #d2dcea;
  background: #4d6fa3 url("images/headerbar.jpg") 0 0 repeat-x;
  background-image: -moz-linear-gradient(top, false, false);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, false), color-stop(1, false));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='false', EndColorStr='false')";
  background-image: linear-gradient(top, false, false);
}
.up #portalPageHeader #portalPageBar #portalPageBarLinks {
  /* List of portal links in the bar. */
  display: inline;
}
.up #portalPageHeader #portalPageBar #portalPageBarLinks li {
  padding: 0 5px;
  border-right: 1px solid rgba(245, 247, 250, 0.25);
}
.up #portalPageHeader #portalPageBar #portalPageBarLinks li:last-child {
  border-right: none;
}
.up #portalPageHeader #portalPageBar #portalPageBarLinks a {
  color: #d2dcea;
  text-decoration: none;
}
.up #portalPageHeader #portalPageBar #portalPageBarLinks a:hover, .up #portalPageHeader #portalPageBar #portalPageBarLinks a:focus {
  color: white;
  text-decoration: underline;
}
.up #portalPageHeader #portalLogo {
  /* The portal logo. It's physical size + padding gives the header its height. */
  padding: 1.3em 25px;
}
.up #portalPageHeader #webSearchContainer {
  /* Web Search */
  top: 5em;
  right: 25px;
}
.up #portalPageHeader #webSearchContainer input, .up #portalPageHeader #webSearchContainer select {
  margin: 0;
}
.up #portalPageHeader #webSearchContainer select {
  display: none;
}
.up #portalPageHeader #webSearchContainer input[type="text"], .up #portalPageHeader #webSearchContainer input[type="search"] {
  color: #444444;
  background: #b0c0d9;
  border-color: #6a8ab9;
  -moz-border-radius: 0.6em 0 0 0.6em;
  -webkit-border-top-left-radius: 0.6em;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0.6em;
  border-radius: 0.6em 0 0 0.6em;
}
.up #portalPageHeader #webSearchContainer input[type="text"]:hover, .up #portalPageHeader #webSearchContainer input[type="search"]:hover {
  background: #d2dcea;
}
.up #portalPageHeader #webSearchContainer input[type="text"]:focus, .up #portalPageHeader #webSearchContainer input[type="search"]:focus {
  color: #444444;
  background: white;
  border-color: white;
}
.up .not-logged-in #portalPageHeader {
  /* Guest Header */
}
.up .not-logged-in #portalPageHeader #portalLogo {
  /* The portal logo when not logged in (Guest View). The logo's physical size + padding gives the header its height. */
  padding: 1.5em 0;
}
.up .not-logged-in #portalPageHeader #portalLogin {
  /* Login */
  width: 10em;
  position: absolute;
  top: 1.5em;
  right: 25px;
}
.up .not-logged-in #portalPageHeader #portalLogin .fl-widget-content {
  text-align: center;
}

/*====================================*/
/* NAVIGATION */
/*====================================*/
/* 
 * Styles specific to navigation.
 */
/* Portlet Navigation */
.up #portalNavigation {
  /* Main Navigation, rendered as a row of tabs. */
  background: #6a8ab9;
  background-image: -moz-linear-gradient(top, false, false);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, false), color-stop(1, false));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='false', EndColorStr='false')";
  background-image: linear-gradient(top, false, false);
}
.up #portalNavigation #portalNavigationList {
  text-align: left;
  border: none;
  margin: 0 0 0 25px;
  zoom: 1;
}
.up #portalNavigation #portalNavigationList:before, .up #portalNavigation #portalNavigationList:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.up #portalNavigation #portalNavigationList:after {
  clear: both;
}
.up #portalNavigation .portal-navigation {
  /* Each tab list item. */
  float: left;
  margin-right: 2px;
  padding: 0;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  background: #8da5c9;
  background-image: -moz-linear-gradient(top, #8da5c9, #8da5c9, #8da5c9 50%, #6a8ab9 0%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8da5c9), to(#8da5c9), color-stop(0.5, #8da5c9), color-stop(0.5, #6a8ab9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8da5c9', EndColorStr='#6a8ab9')";
  background-image: linear-gradient(top, #8da5c9, #8da5c9, #8da5c9 50%, #6a8ab9 0%);
}
.up #portalNavigation .portal-navigation .portal-navigation-link {
  /* Anchor tag within the list item. */
  display: block;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  text-decoration: none;
  font-weight: bold;
}
.up #portalNavigation .portal-navigation .portal-navigation-link, .up #portalNavigation .portal-navigation .fl-inlineEditContainer {
  padding: 8px 20px;
}
.up #portalNavigation .portal-navigation:hover, .up #portalNavigation .portal-navigation:focus {
  /* Tab hover. */
  background: #d2dcea;
  background-image: -moz-linear-gradient(top, #d2dcea, #b0c0d9, #b0c0d9 50%, #8da5c9 0%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2dcea), to(#b0c0d9), color-stop(0.5, #b0c0d9), color-stop(0.5, #8da5c9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2dcea', EndColorStr='#8da5c9')";
  background-image: linear-gradient(top, #d2dcea, #b0c0d9, #b0c0d9 50%, #8da5c9 0%);
}
.up #portalNavigation .portal-navigation:hover .portal-navigation-link, .up #portalNavigation .portal-navigation:focus .portal-navigation-link {
  /* Anchor tag within the list item. */
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
.up #portalNavigation .active {
  /* Active tab. */
  background: #81a29b;
  background-image: -moz-linear-gradient(top, #81a29b, #668a82, #668a82 50%, #506d67 0%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#81a29b), to(#668a82), color-stop(0.5, #668a82), color-stop(0.5, #506d67));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a29b', EndColorStr='#506d67')";
  background-image: linear-gradient(top, #81a29b, #668a82, #668a82 50%, #506d67 0%);
}
.up #portalNavigation .active .portal-navigation-link {
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
.up #portalNavigation .active:hover {
  /* Active tab hover. */
  background: #9eb8b2;
  background-image: -moz-linear-gradient(top, #9eb8b2, #81a29b, #81a29b 50%, #668a82 0%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9eb8b2), to(#81a29b), color-stop(0.5, #81a29b), color-stop(0.5, #668a82));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9eb8b2', EndColorStr='#668a82')";
  background-image: linear-gradient(top, #9eb8b2, #81a29b, #81a29b 50%, #668a82 0%);
}
.up #portalNavigation .active:hover .portal-navigation-link {
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
.up #portalNavigation .portal-flyout-container {
  /* Flyout menus. */
  background: #586f8f;
  background-image: -moz-linear-gradient(top, false, false);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, false), color-stop(1, false));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='false', EndColorStr='false')";
  background-image: linear-gradient(top, false, false);
  border: 4px solid #586f8f;
  border-top-width: 1px;
  -moz-box-shadow: 2px 4px 6px #767676;
  -webkit-box-shadow: 2px 4px 6px #767676;
  box-shadow: 2px 4px 6px #767676;
}
.up #portalNavigation .portal-flyout-container li {
  border-top: 1px solid #586f8f;
  background-color: white;
  color: #45566f;
  font-size: 85%;
}
.up #portalNavigation .portal-flyout-container li a {
  text-decoration: none;
}
.up #portalNavigation .portal-flyout-container li a:hover, .up #portalNavigation .portal-flyout-container li a:focus {
  /* Flyout menu hover. */
  background: #6a8ab9;
  color: white;
}
.up #portalNavigation .portal-navigation-add {
  /* Add tab link */
  top: 7px;
  padding: 5px 8px 2px 20px;
  background-color: transparent;
  background-image: url("images/add.png");
  background-position: 5px 2px;
  background-repeat: no-repeat;
  border: none;
  color: white;
  font-size: 86%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.up #portalNavigation .portal-navigation-add:hover, .up #portalNavigation .portal-navigation-add:focus {
  background-color: #4d6fa3;
  color: white;
}
.up #portalNavigation li.portal-navigation-add-item {
  float: right;
  background: transparent none;
  border: 0;
  margin: 1px;
  padding-left: 5px;
}
.up #portalNavigation .active .portal-navigation-gripper {
  /* Gripper for indicating drag and drop ability. */
  background: transparent url("images/gripper.png") 0px 0px no-repeat;
}
.up #portalNavigation .portal-navigation-delete {
  /* "X" icon for indicating delete tab action. */
  background: transparent url("images/remove.png") 0px 0px no-repeat;
}
.up #portalNavigation .fl-inlineEdit-editModeInstruction {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.up #portalNavigation .fl-reorderer-header-avatar {
  /* An avatar of the original tab being dragged during drag and drop. */
  background-color: black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px, 0px, 4px, #333333;
  -webkit-box-shadow: 0px, 0px, 4px, #333333;
  box-shadow: 0px, 0px, 4px, #333333;
}
.up #portalNavigation .fl-reorderer-header-avatar .portal-navigation-link {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.up #portalNavigation .fl-reorderer-header-avatar .portal-navigation-gripper {
  background: transparent url("images/gripper.png") 0px 0px no-repeat;
}
.up #portalNavigation .fl-reorderer-header-avatar .portal-navigation-delete {
  background: transparent url("images/remove.png") 0px 0px no-repeat;
}
.up #portalSidebar {
  /* Refer to other Sidebar styles for general list menu styling that affects the sidebar navigation. */
}
.up #portalSidebar #portalNavigation {
  /* Main navigation can be rendered in the Sidebar. */
}
.up #portalSidebar #portalNavigation .portal-navigation-add {
  /* Add tab link */
  color: white;
}
.up #portalSidebar #portalNavigation .portal-navigation-gripper {
  /* Gripper for indicating drag and drop ability. */
  background: transparent url("images/gripper.png") 0px 0px no-repeat;
}
.up #portalSidebar #portalNavigation .portal-navigation-delete {
  /* "X" icon for indicating delete tab action. */
  background: transparent url("images/remove.png") 0px 0px no-repeat;
}
.up #portalSidebar #portalNavigation .fl-reorderer-sidebar-avatar {
  /* An avatar of the original tab being dragged during drag and drop. */
  background: black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px, 0px, 4px, #333333;
  -webkit-box-shadow: 0px, 0px, 4px, #333333;
  box-shadow: 0px, 0px, 4px, #333333;
}
.up #portalSidebar #portalNavigation .fl-reorderer-sidebar-avatar .portal-navigation-link {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.up #portalSidebar #portalNavigation .fl-reorderer-sidebar-avatar .portal-navigation-delete {
  background: transparent url("images/remove.png") 0px 0px no-repeat;
}
.up #portalSidebar #portalNavigation .fl-reorderer-sidebar-avatar .portal-navigation-gripper {
  background: transparent url("images/gripper.png") 0px 0px no-repeat;
}
.up #portalSidebar #portletNavigation {
  /* Portlet Navigation (focused view) */
}
.up #portalSidebar #portletNavigation #portletNavigationLinkHome a {
  background: transparent url("/ResourceServingWebapp/rs/famfamfam/silk/1.3/tab_go.png") 0px 0px no-repeat;
}
.up #portalSidebar #portletNavigation h3 {
  color: white;
}
.up #portalPageBodyBreadcrumb {
  /* Breadcrumb */
  color: #dcdcdc;
}
.up #portalPageBodyBreadcrumb a {
  font-weight: normal;
  color: #a9a9a9;
  text-decoration: none;
}
.up #portalPageBodyBreadcrumb a:hover, .up #portalPageBodyBreadcrumb a:focus {
  color: #8f8f8f;
}

/* 
------------------------------------
  uPortal Gallery.
------------------------------------ 
 * The gallery is a sliding drawer that provides interfaces for customizing the protal.
 */
.up .up-gallery {
  background: #333333;
  border: 1px solid #a9a9a9;
}
.up .up-gallery .handle {
  /* Clickable handle that opens the drawer. Once open, the handle can be clicked to close the drawer. */
  background: black url("../common/images/gallery-bar.png") bottom left repeat-x;
}
.up .up-gallery .handle a {
  background: white scroll url("../common/images/gallery-handle.png") 0 0 repeat-x;
  color: #444444;
  border: 1px solid #8f8f8f;
  border-top: none;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 1px 2px #a9a9a9;
  -webkit-box-shadow: 0 1px 2px #a9a9a9;
  box-shadow: 0 1px 2px #a9a9a9;
}
.up .up-gallery .handle a span {
  background-image: url("../common/images/gallery-handle-arrow-down.png");
  background-position: right center;
  background-repeat: no-repeat;
}
.up .up-gallery .handle .handle-arrow-up {
  background-image: url("../common/images/gallery-handle-arrow-up.png") !important;
}
.up .up-gallery .gallery-inner {
  background: transparent url("../common/images/gallery-bar.png") top left repeat-x;
}
.up .up-gallery .gallery-inner .menu-wrapper {
  /* The navigation menu of gallery views. */
}
.up .up-gallery .gallery-inner .menu-wrapper .menu {
  border: 1px solid #c3c3c3;
  background: #404040;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu li {
  border: 1px solid #8f8f8f;
  background: #4d4d4d;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu li a {
  color: #c3c3c3;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu li:hover, .up .up-gallery .gallery-inner .menu-wrapper .menu li:active {
  background: #3d5880;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu li:hover a, .up .up-gallery .gallery-inner .menu-wrapper .menu li:active a {
  color: white;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu .active {
  background: #333333;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu .active a {
  color: white;
}
.up .up-gallery .gallery-inner .menu-wrapper .menu .active span {
  background: #333333 url("../common/images/gallery-arrow-right.png") 90% 50% no-repeat;
}
.up .up-gallery .gallery-inner .content-filters-wrapper {
  /* Search and category filters for the add portlet and use portlet views. */
  background: #404040;
  border: 1px solid #595959;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.up .up-gallery .gallery-inner .content-filters-wrapper h3 {
  /* Filter titles */
  background: #333333;
  color: #6a8ab9;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 5px 5px 0 0;
}
.up .up-gallery .gallery-inner .content-filters-wrapper h3 span {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 5px 5px 0 0;
}
.up .up-gallery .gallery-inner .content-filters-wrapper h3:hover, .up .up-gallery .gallery-inner .content-filters-wrapper h3:focus {
  color: #b0c0d9;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .active h3 span {
  background: #404040;
  color: white;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .active h3:hover, .up .up-gallery .gallery-inner .content-filters-wrapper .active h3:focus {
  color: #f5f7fa;
}
.up .up-gallery .gallery-inner .content-filters-wrapper h4 {
  /* Filter subtitles */
  color: #dcdcdc;
  border-bottom: 1px dotted #5c5c5c;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .portlet-search-input {
  /* Filter search */
  background: #595959;
  color: #333333;
  padding: 0.3em;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .portlet-search-input:hover {
  background: #767676;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .portlet-search-input:focus {
  background: white;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .categories {
  /* Filter categories */
}
.up .up-gallery .gallery-inner .content-filters-wrapper .categories a {
  color: #c3c3c3;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .categories a:hover, .up .up-gallery .gallery-inner .content-filters-wrapper .categories a:focus {
  color: #8da5c9;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .categories .active a {
  color: white;
}
.up .up-gallery .gallery-inner .content-filters-wrapper .packages-wrapper {
  /* Filter packages */
  color: #dcdcdc;
}
.up .up-gallery .gallery-inner .results-wrapper {
  /* Results section of the gallery. Lists portlets, packages, skins, or layout options. */
  padding-bottom: 5px;
  color: #a9a9a9;
}
.up .up-gallery .gallery-inner .results-wrapper .layout-wrapper .ri-link,
.up .up-gallery .gallery-inner .results-wrapper .skins-wrapper .ri-link,
.up .up-gallery .gallery-inner .results-wrapper .portlet.result-item,
.up .up-gallery .gallery-inner .results-wrapper .package.results-item {
  background: #333333;
  border: 1px solid #595959;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px black;
  -webkit-box-shadow: 1px 1px 2px black;
  box-shadow: 1px 1px 2px black;
}
.up .up-gallery .gallery-inner .results-wrapper .layout-wrapper .ri-link:hover, .up .up-gallery .gallery-inner .results-wrapper .layout-wrapper .ri-link:focus, .up .up-gallery .gallery-inner .results-wrapper .layout-wrapper .ri-link:active,
.up .up-gallery .gallery-inner .results-wrapper .skins-wrapper .ri-link:hover,
.up .up-gallery .gallery-inner .results-wrapper .skins-wrapper .ri-link:focus,
.up .up-gallery .gallery-inner .results-wrapper .skins-wrapper .ri-link:active,
.up .up-gallery .gallery-inner .results-wrapper .portlet.result-item:hover,
.up .up-gallery .gallery-inner .results-wrapper .portlet.result-item:focus,
.up .up-gallery .gallery-inner .results-wrapper .portlet.result-item:active,
.up .up-gallery .gallery-inner .results-wrapper .package.results-item:hover,
.up .up-gallery .gallery-inner .results-wrapper .package.results-item:focus,
.up .up-gallery .gallery-inner .results-wrapper .package.results-item:active {
  background: #1a1a1a;
  border: 1px soild #8da5c9;
  background-image: -moz-linear-gradient(top, #333333, #0d0d0d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #0d0d0d));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#0d0d0d')";
  background-image: linear-gradient(top, #333333, #0d0d0d);
}
.up .up-gallery .gallery-inner .results-wrapper .results-item.disabled {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: alpha(opacity=20);
  border-color: #3A3A3A !important;
}
.up .up-gallery .gallery-inner .results-wrapper .results-item.disabled:hover, .up .up-gallery .gallery-inner .results-wrapper .results-item.disabled:focus,
.up .up-gallery .gallery-inner .results-wrapper .results-item.disabled a:hover, .up .up-gallery .gallery-inner .results-wrapper .results-item.disabled a:focus {
  background: none !important;
  cursor: default !important;
}
.up .up-gallery .gallery-inner .results-wrapper .results-item.selected .ri-link {
  background: #262626;
  border-width: 3px;
  border-style: solid;
  border-color: #8da5c9;
  margin-bottom: -6px;
}
.up .up-gallery .gallery-inner .results-wrapper .ri-wrapper .ri-utility {
  height: 16px;
  background: #404040;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 5px 5px 0 0;
}
.up .up-gallery .gallery-inner .results-wrapper .ri-wrapper .portlet-thumb-gripper {
  background: #404040 url("../common/images/gripper.png") 5px 0px no-repeat;
}
.up .up-gallery .gallery-inner .results-wrapper .ri-wrapper .ri-titlebar {
  color: white;
}
.up .up-gallery .gallery-inner .results-wrapper .ri-wrapper .ri-description {
  color: #c3c3c3;
}
.up .up-gallery .gallery-inner .results-wrapper .portlet-wrapper .ri-link, .up .up-gallery .gallery-inner .results-wrapper .package-wrapper .ri-link {
  color: black;
  background: #333333;
  background-image: -moz-linear-gradient(top, #a9a9a9, #5c5c5c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a9a9a9), color-stop(1, #5c5c5c));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#a9a9a9', EndColorStr='#5c5c5c')";
  background-image: linear-gradient(top, #a9a9a9, #5c5c5c);
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 0 5px 0 0;
  display: none;
}
.up .up-gallery .gallery-inner .results-wrapper .portlet-wrapper:hover .ri-link, .up .up-gallery .gallery-inner .results-wrapper .portlet-wrapper:focus .ri-link, .up .up-gallery .gallery-inner .results-wrapper .package-wrapper:hover .ri-link, .up .up-gallery .gallery-inner .results-wrapper .package-wrapper:focus .ri-link {
  background: #6a8ab9;
  background-image: -moz-linear-gradient(top, #b0c0d9, #6a8ab9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b0c0d9), color-stop(1, #6a8ab9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b0c0d9', EndColorStr='#6a8ab9')";
  background-image: linear-gradient(top, #b0c0d9, #6a8ab9);
  display: block;
}
.up .up-gallery .gallery-inner .results-wrapper .pager .pager-pagination {
  color: white;
}
.up .up-gallery .gallery-inner .results-wrapper .pager .pager-button-up, .up .up-gallery .gallery-inner .results-wrapper .pager .pager-button-down {
  background: #404040;
  border: 1px solid #595959;
  background-image: -moz-linear-gradient(top, #4d4d4d, #333333);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d4d4d), color-stop(1, #333333));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d4d4d', EndColorStr='#333333')";
  background-image: linear-gradient(top, #4d4d4d, #333333);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.up .up-gallery .gallery-inner .results-wrapper .pager .pager-button-up:hover, .up .up-gallery .gallery-inner .results-wrapper .pager .pager-button-up:focus, .up .up-gallery .gallery-inner .results-wrapper .pager .pager-button-down:hover, .up .up-gallery .gallery-inner .results-wrapper .pager .pager-button-down:focus {
  background: #595959;
  border: 1px solid #8da5c9;
  background-image: -moz-linear-gradient(top, #4d4d4d, #0d0d0d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d4d4d), color-stop(1, #0d0d0d));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d4d4d', EndColorStr='#0d0d0d')";
  background-image: linear-gradient(top, #4d4d4d, #0d0d0d);
}
.up .up-gallery .gallery-inner .results-wrapper .pager .fl-pager-disabled {
  background: #333333 !important;
  border: 1px solid #404040 !important;
  cursor: default !important;
}
.up .up-gallery .gallery-inner .results-wrapper .pager .fl-pager-disabled a {
  cursor: default !important;
}

/*====================================*/
/* Sidebar */
/*====================================*/
/*
 * Styles for formatting the portal sidebar and widgets that are contained in it.
 */
.up #portalSidebar {
  /* A persistent sidebar that can contain widgets.  */
}
.up #portalSidebar #portalSidebarInner {
  padding: 0 0 0 15px;
}
.up #portalSidebar .fl-widget {
  /* General formatting for sidebar widgets */
  border: 1px solid #45566f;
  background: #586f8f url("../common/images/light_top_100px_50.png") 0px 0px repeat-x;
  background-image: -moz-linear-gradient(top, #b1becf, #586f8f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b1becf), color-stop(1, #586f8f));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b1becf', EndColorStr='#586f8f')";
  background-image: linear-gradient(top, #b1becf, #586f8f);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.up #portalSidebar .fl-widget .fl-widget-titlebar h2 {
  padding: 0;
  color: #f5f7fa;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
.up #portalSidebar .fl-widget .fl-widget-content {
  background: #6a8ab9;
  color: #f5f7fa;
  border: 1px solid #586f8f;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu {
  /* Most sidebar widgets contain list menus. */
  background: #6a8ab9;
  border: 1px solid #6a8ab9;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu a {
  text-decoration: none;
  padding: 5px;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li {
  border: 1px solid #6a8ab9;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li, .up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li a {
  background: #6a8ab9;
  color: #f5f7fa;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li:hover, .up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li:focus, .up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li a:hover, .up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu li a:focus {
  background: #8eb2ed;
  color: white;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu .fl-activemenu .portal-subnav-list a {
  background: #4d6fa3;
  color: #d2dcea;
}
.up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu .fl-activemenu .portal-subnav-list a:hover, .up #portalSidebar .fl-widget .fl-widget-content .fl-listmenu .fl-activemenu .portal-subnav-list a:focus {
  background: #6294e6;
  color: white;
}
.up #portalSidebar #portalFragAdminList .fl-widget-content {
  /* This sidebar widget does not have a list menu and needs some padding. */
  padding: 1em 12px;
}

/*====================================*/
/* Portlet Chrome */
/*====================================*/
/*
 * Styles for formatting the portlet chrome that wraps portlets.
 */
.up .up-portlet-wrapper {
  /* Portlet chrome. */
  padding: 3px 0 0 0;
  background: #8da5c9 url("../common/images/light_top_100px_50.png") 0px 0px repeat-x;
  border: 1px solid #8da5c9;
  background-image: -moz-linear-gradient(top, #8da5c9, #d2dcea 65px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8da5c9), to(#d2dcea), color-stop(0.1, #8da5c9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8da5c9', EndColorStr='#d2dcea')";
  background-image: linear-gradient(top, #8da5c9, #d2dcea 65px);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper .up-portlet-titlebar h2 a {
  color: #45566f;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.up .up-portlet-wrapper .up-portlet-titlebar h2 a:hover, .up .up-portlet-wrapper .up-portlet-titlebar h2 a:focus {
  color: #3b4f4b;
}
.up .up-portlet-wrapper .up-portlet-content-wrapper {
  background: white;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper .up-portlet-wrapper-top,
.up .up-portlet-wrapper .up-portlet-wrapper-bottom {
  /* These extra containers are available for additional styling (like rounded corners with images). 
   * This skin does not use them, so hide them from view. */
  display: none;
}
.up .up-portlet-wrapper .up-portlet-titlebar {
  /* Prevent portlet titles from wrapping. */
  white-space: nowrap;
}
.up .up-portlet-wrapper .up-portlet-titlebar h2 {
  padding: 0 0 3px 0.5em;
  font-size: 100%;
  font-weight: normal;
  text-transform: capitalize;
}
.up .up-portlet-wrapper .up-portlet-titlebar h2 a {
  text-decoration: none;
}
.up .up-portlet-wrapper .up-portlet-titlebar .up-portlet-controls {
  top: 0;
  padding: 0 0.5em 0 0;
}
.up .up-portlet-wrapper .up-portlet-titlebar .up-portlet-control {
  font-size: 90%;
  color: #f5f7fa;
}
.up .up-portlet-wrapper .up-portlet-titlebar .up-portlet-control:hover, .up .up-portlet-wrapper .up-portlet-titlebar .up-portlet-control:focus {
  color: white;
}
.up .up-portlet-wrapper .up-portlet-titlebar .up-portlet-control .icon {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  background-image: url("../common/images/portlet_icons_flat.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.up .up-portlet-wrapper .up-portlet-titlebar .focus .icon {
  background-position: -0px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .focus:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .focus:focus .icon {
  background-position: -0px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .edit .icon {
  background-position: -16px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .edit:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .edit:focus .icon {
  background-position: -16px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .info .icon {
  background-position: -32px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .info:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .info:focus .icon {
  background-position: -32px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .help .icon {
  background-position: -48px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .help:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .help:focus .icon {
  background-position: -48px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .remove .icon {
  background-position: -64px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .remove:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .remove:focus .icon {
  background-position: -64px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .add .icon {
  background-position: -80px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .add:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .add:focus .icon {
  background-position: -80px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .permissions .icon {
  background-position: -96px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .permissions:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .permissions:focus .icon {
  background-position: -96px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .show-content .icon {
  background-position: -112px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .show-content:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .show-content:focus .icon {
  background-position: -112px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .hide-content .icon {
  background-position: -128px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .hide-content:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .hide-content:focus .icon {
  background-position: -128px -16px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .return .icon {
  background-position: -144px 0px;
}
.up .up-portlet-wrapper .up-portlet-titlebar .return:hover .icon, .up .up-portlet-wrapper .up-portlet-titlebar .return:focus .icon {
  background-position: -144px -16px;
}
.up .up-portlet-wrapper .up-portlet-content-wrapper {
  margin: 0;
}
.up .up-portlet-wrapper.no-chrome, .up .up-portlet-wrapper.no-chrome .up-portlet-content-wrapper {
  /* A portlet that has been flagged to have no chrome - "Just the content, please." */
  padding: 0;
  background: none;
  border: none;
}
.up .up-portlet-wrapper.alternate {
  /* A portlet that has been flagged to have the alternate styling of portlet chrome.*/
  background: #6294e6 url("../common/images/light_top_100px_50.png") 0px 0px repeat-x;
  border: 1px solid #8eb2ed;
  background-image: -moz-linear-gradient(top, #8eb2ed, #6294e6 65px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8eb2ed), to(#6294e6), color-stop(0.1, #8eb2ed));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8eb2ed', EndColorStr='#6294e6')";
  background-image: linear-gradient(top, #8eb2ed, #6294e6 65px);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper.alternate .up-portlet-titlebar h2 a {
  color: #2b46c1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.up .up-portlet-wrapper.alternate .up-portlet-titlebar h2 a:hover, .up .up-portlet-wrapper.alternate .up-portlet-titlebar h2 a:focus {
  color: #313e50;
}
.up .up-portlet-wrapper.alternate .up-portlet-content-wrapper {
  background: white;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper.highlight {
  /* A portlet that has been flagged to have the highlight styling of portlet chrome. */
  background: #506d67 url("../common/images/light_top_100px_50.png") 0px 0px repeat-x;
  border: 1px solid #506d67;
  background-image: -moz-linear-gradient(top, #81a29b, #506d67 65px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#81a29b), to(#506d67), color-stop(0.1, #81a29b));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a29b', EndColorStr='#506d67')";
  background-image: linear-gradient(top, #81a29b, #506d67 65px);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper.highlight .up-portlet-titlebar h2 a {
  color: #3b4f4b;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.up .up-portlet-wrapper.highlight .up-portlet-titlebar h2 a:hover, .up .up-portlet-wrapper.highlight .up-portlet-titlebar h2 a:focus {
  color: #1e2530;
}
.up .up-portlet-wrapper.highlight .up-portlet-content-wrapper {
  background: #d9e3e1;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper.locked {
  /* A portlet that has been locked (cannot be moved or removed). */
  background: #6a8ab9 url("../common/images/light_top_100px_50.png") 0px 0px repeat-x;
  border: 1px solid #6a8ab9;
  background-image: -moz-linear-gradient(top, #6a8ab9, #8da5c9 65px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6a8ab9), to(#8da5c9), color-stop(0.1, #6a8ab9));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6a8ab9', EndColorStr='#8da5c9')";
  background-image: linear-gradient(top, #6a8ab9, #8da5c9 65px);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .up-portlet-wrapper.locked .up-portlet-titlebar h2 a {
  color: #d2dcea;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
.up .up-portlet-wrapper.locked .up-portlet-titlebar h2 a:hover, .up .up-portlet-wrapper.locked .up-portlet-titlebar h2 a:focus {
  color: white;
}
.up .up-portlet-wrapper.locked .up-portlet-content-wrapper {
  background: white;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up .dashboard .up-portlet-controls {
  top: 0;
  padding: 0 0.5em 0 0;
}
.up .dashboard .up-portlet-control {
  display: block;
  float: left;
  padding: 0;
}
.up .dashboard .up-portlet-control .label {
  display: none;
}
.up .focused {
  /* A portlet when in the focused view. */
}
.up .focused .up-portlet-controls .up-portlet-control {
  display: inline-block;
  margin-left: 1.5em;
  text-decoration: none;
}
.up .focused .up-portlet-controls .icon {
  margin-right: 3px;
}
.up .focused .up-portlet-controls .label {
  float: left;
}

/*====================================*/
/* Footer */
/*====================================*/
/*
 * Styles for formatting the portal footer and widgets that are contained in it.
 */
.up #portalPageFooter {
  /* Portal footer. */
  background: #586f8f;
  color: #b1becf;
  font-size: 80%;
}
.up #portalPageFooter a {
  /* Generally want footer links to blend in with the footer. */
  color: #91a3bc;
  text-decoration: none;
}
.up #portalPageFooter a:hover, .up #portalPageFooter a:focus {
  color: white;
}
.up #portalPageFooter #portalPageFooterContent {
  margin: 0 auto;
  padding: 25px;
  background: transparent url("images/portal_poweredby.png") 25px 65px no-repeat;
}
.up #portalPageFooter #portalPageFooterNav {
  background: #1E2126;
  font-size: 10px;
  padding: 25px;
}
.up #portalPageFooter #portalPageFooterNav .fl-container-flex {
  margin: 0 auto;
}
.up #portalPageFooter #portalPageFooterNav div > a {
  font-weight: bold;
}
.up #portalPageFooter #portalPageFooterNav div > a:link {
  color: #fff;
}
.up #portalPageFooter #portalPageFooterNav div > a:visited {
  color: #fff;
}
.up #portalPageFooter #portalPageFooterNav div > a:hover {
  color: #699bc4;
}
.up #portalPageFooter #portalPageFooterNav .fl-col {
  margin-left: 0;
  margin-right: 0.50%;
  padding: 0;
}
.up #portalPageFooter #portalPageFooterNav ul {
  margin: 0;
  padding-top: 12px;
}
.up #portalPageFooter #portalPageFooterNav ul li {
  list-style: none;
  line-height: 1.5em;
}
.up #portalPageFooter #portalPageFooterLinks {
  /* This list of footer links needs a little more attention than the rest of the footer stuff. */
  margin: 0 0 2em 0;
}
.up #portalPageFooter #portalPageFooterLinks a {
  color: white;
  font-weight: bold;
}
.up #portalPageFooter #portalPageFooterLinks a:hover, .up #portalPageFooter #portalPageFooterLinks a:focus {
  color: #bccdca;
}
.up #portalPageFooter #portalProductAndVersion, .up #portalPageFooter #portalCopyright, .up #portalPageFooter #silkIconsAttribution {
  margin: 0 0 0 120px;
}

/*====================================*/
/* Customization */
/*====================================*/
/*
 * Styles for formatting various aspects of portal customization.
 */
.up #portalPageBodyCustomizeMessageRow {
  /* Customize Page Message, displays when a new page is created (with no content). */
  background: transparent url("images/customize_message_arrow.png") 40px 0px no-repeat;
}
.up #portalPageBodyCustomizeMessageRow #portalPageBodyCustomizeMessageRowContents {
  padding: 1em 20px;
  background: white;
  border: 2px solid #8eb2ed;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.up #portalPageBodyCustomizeMessageRow #portalPageBodyCustomizeMessageRowContents h1 {
  margin: 0 0 0.3em 0;
  font-weight: normal;
  color: #333333;
  text-decoration: none;
  border: none;
}
.up #portalPageBodyCustomizeMessageRow #portalPageBodyCustomizeMessageRowContents strong {
  color: #6a8ab9;
}
.up .fragment-admin-mode #portalPageBodyInner {
  /* Page body in fragment administration mode. */
  padding: 1.2em 25px 2.5em 25px;
}
.up #portalFragAdminExit {
  /* Fragment Administration mode. */
  margin: 0;
  background: #c6cef2;
  border: none;
  border-bottom: 1px solid #4962d6;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.up #portalFragAdminExit h2 {
  color: #2b46c1;
  font-size: 150%;
}
.up #portalFragAdminExit .fl-widget-content {
  background: #c6cef2;
}
.up #portalFragAdminExit .fl-widget-content #exitFragment {
  float: right;
}
.up #portalEditPagePermissions {
  /* Edit page Permisssions */
  float: right;
  display: block;
  margin-top: .75em;
  margin-right: 25px;
}
.up .column-permissions {
  margin-bottom: 0.5em;
}
.up .fragment-disabled, .up .fragment-disabled h2.fragment-title {
  color: #8f8f8f;
}
.up .layout-option {
  padding: 5px;
}
.up .layout-option.selected {
  border: thin solid #a9a9a9;
}
.up .fl-reorderer-movable-hover {
  /* Affordance to indicate draggable. */
  cursor: move;
}
.up .fl-reorderer-movable-dragging-mouse {
  /* When the item is being moved, hide the original. */
  display: none;
}
.up .fl-reorderer-avatar {
  /* See-through avatar (copy) of the item being dragged. */
  background-color: white;
  border: 1px dotted #a9a9a9;
}
.up .fl-reorderer-movable-selected,
.up .fl-reorderer-movable-selected:focus,
.up .fl-reorderer-movable-dragging:focus {
  /* keyboard layout reorder focus outline */
  outline: 2px solid #e6eefb;
}
.up .fl-reorderer-header-movable-selected:focus,
.up .fl-reorderer-header-movable-dragging:focus,
.up .fl-reorderer-sidebar-movable-selected:focus,
.up .fl-reorderer-sidebar-movable-dragging:focus {
  outline: none;
}
.up .fl-reorderer-dropMarker {
  /* Indicate where the item may be dropped. */
  background-color: #e6eefb;
  border: 2px dashed #8eb2ed;
}
.up .drop-warning {
  /* Warning message that indicates that an item cannot be moved into a position due to locked (unmovable) items. */
  border: 2px solid #506d67;
  background: #81a29b;
  color: white;
}

.up #portalPageHeader #portalPageBar {
  border-bottom: 1px solid #4d6fa3;
  -moz-box-shadow: 0 2px 4px #4d6fa3;
  -webkit-box-shadow: 0 2px 4px #4d6fa3;
  box-shadow: 0 2px 4px #4d6fa3;
}
.up #portalPageHeader #portalPageBar #portalWelcome .user-name {
  /* Emphasize the user's name. */
  font-weight: bold;
}
.up #portalHeaderBlock {
  background: #4d6fa3;
}
